//最上面全选的多选框的样式


(()=>{
    // $$('.bigList')[0].style.height="123px"
    $$('.navLink')[1].classList.add('bc')
})()


//搜索分页，将数据添加到页面上
let pagingS=(now=1,size=6)=>{
    let tbody=document.querySelector('.tbody')
    let message=null
    axios({
        method:'get',
        //这里是普通用户的分页接口（可以在别的页面换成别的分页接口）
        url:'/User/query',
        params:{
            pageNow:now,
            pageSize:size,
            name:searchInput.value
        },
    }).then(data=>{
        message=data.data.key.data.list
        console.log(message==[]);
        console.log(message);
        if(message!=null){
            tbody.innerHTML=``
            if(message.length==0){
                tbody.innerHTML+=`
                    <tr>
                        <td class="op"></td>
                        <td class="op"></td>
                        <td class="op"></td>
                        <td class="empty">没有内容</td>
                    </tr>
                `
            }
            for(let i=0,len=message.length;i<len;i++){
                let messagei=message[i]
                tbody.innerHTML+=`
                <tr>
                    <td><i class="iconfont icon-duoxuankuang select" data-choose="false" userId="${messagei.id}"></i></td>
                    <td>${messagei.name}</td>
                    <td><div class="heardImage" style="background-image:url('${messagei.portrait}')"></div></td>
                    <td>${messagei.age}</td>
                    <td>${messagei.resume}</td>
                    <td>${messagei.fans}</td>
                    <td>
                        <i class="iconfont icon-xiugai c" title="修改" userId="${messagei.id}" onclick="viewUserMessage(${messagei.id},4)"></i>&nbsp;
                        <i class="iconfont icon-banbenshengji c" title="升级" userId="${messagei.id}" onclick="upgrade(${messagei.id},3)"></i>&nbsp;
                    </td>
                </tr>
                `
            }
            //单选框
            SelectAll()
        }
    }).catch(err=>{
        console.log(err);
    })
}


    let pagessS=(now=1,size=6)=>{
        return new Promise((reslove,reject)=>{
            axios({
                method:'get',
                //这里是普通用户的分页接口（可以在别的页面换成别的分页接口）
                url:'/User/query',
                params:{
                    pageNow:now||1,
                    pageSize:size||6,
                    name:searchInput.value
                },
            }).then(data=>{
                if(data.data.key.code!=20000){
                    tigs(data.data.key.message,false)
                }else{
                    let length=data.data.key.data.total
                    reslove(Math.ceil(length/size))
                }
            }).catch(err=>{
                console.log(err);
            })
        })
    }
    //点击搜索调用函数
    //搜索
    let addBtn=document.querySelector('.addBtn')
    let searchInput =document.querySelector('.searchInput ')
    addBtn.addEventListener('click',()=>{
        pagessS().then(data=>{
            PageSsS(data)
        })
    })
    function PageSsS(a,key=1){
        //这里是调用的page.js里面的分页函数，实现省略号效果（可以在别的页面调用）
        let ans=a
        if(key>a)key=a
        if(key==0)key=1
        localStorage.setItem("key", key)
        console.log(ans);
        Btn(ans,key,btnNumber)
        pagingS(key)
        for(let i=0,len=10;i<len;i++){
            page[i].addEventListener('click',function(){
                if(page[i].innerHTML!='...'){
                    key=page[i].innerHTML
                    Btn(ans,key,btnNumber)
                    // console.log(key);
                    pagingS(key)
                    localStorage.setItem("key", key)
                }
            })
        }
        
        //左
        left.addEventListener('click',function(){
            key--
            Btn(ans,key,btnNumber)
            pagingS(key)
            localStorage.setItem("key", key)
        })
        //右
        right.addEventListener('click',function(){
            key++
            Btn(ans,key,btnNumber)
            pagingS(key)
            localStorage.setItem("key", key)
        })
    }


//(上面搜索分页)
//``````````````````````````````````````````````````````````````````
//（下面正常分页）

//分页将返回数据添加到页面上
let paging=(now=0,size=6)=>{
    let tbody=document.querySelector('.tbody')
    let message=null
    axios({
        method:'get',
        //这里是普通用户的分页接口（可以在别的页面换成别的分页接口）
        url:'/User/queryForUserMessage',
        params:{
            pageNow:now,
            pageSize:size
        },
    }).then(data=>{
        // console.log(data);
        message=data.data.key.data.list
        if(message!=null){
            tbody.innerHTML=``
            if(message.length==0){
                tbody.innerHTML+=`
                    <tr>
                    <td class="op"></td>
                    <td class="op"></td>
                    <td class="op"></td>
                    <td class="empty">没有内容</td>
                    </tr>
                `
            }
            for(let i=0,len=message.length;i<len;i++){
                let messagei=message[i]
                tbody.innerHTML+=`
                <tr>
                    <td><i class="iconfont icon-duoxuankuang select" data-choose="false" userId="${messagei.id}"></i></td>
                    <td>${messagei.name}</td>
                    <td><div class="heardImage" style="background-image:url('${messagei.portrait}')"></div></td>
                    <td>${messagei.age}</td>
                    <td>${messagei.resume}</td>
                    <td>${messagei.fans}</td>
                    <td>
                        <i class="iconfont icon-xiugai c" title="修改" userId="${messagei.id}" onclick="viewUserMessage(${messagei.id},1)"></i>&nbsp;
                        <i class="iconfont icon-banbenshengji c" title="升级" userId="${messagei.id}" onclick="upgrade(${messagei.id},2)"></i>&nbsp;
                    </td>
                </tr>
                `
            }
            //单选框
            SelectAll()
        }
    }).catch(err=>{
        console.log(err);
    })
}



let pagess=(now=1,size=6)=>{
    return new Promise((reslove,reject)=>{
        axios({
            method:'get',
            //这里是普通用户的分页接口（可以在别的页面换成别的分页接口）
            url:'/User/queryForUserMessage',
            params:{
                pageNow:now||0,
                pageSize:size||6
            },
        }).then(data=>{
            let length=data.data.key.data.total
            reslove(Math.ceil(length/size))
        }).catch(err=>{
            console.log(err);
        })
    })
}
pagess().then(data=>{
    PageSs(data)
})
//这里是调用的page.js里面的分页函数，实现省略号效果（可以在别的页面调用）
function PageSs(a=-1,key=1){

        let ans=a
        if(key>a)key=a
        if(key==0)key=1
        localStorage.setItem("key", key)
        // console.log(ans);
        Btn(ans,key,btnNumber)
        paging(key)
        for(let i=0,len=10;i<len;i++){
            page[i].addEventListener('click',function(){
                if(page[i].innerHTML!='...'){
                    key=page[i].innerHTML
                    Btn(ans,key,btnNumber)
                    paging(key)
                    localStorage.setItem("key", key)
                }
            })
        }
        
        //左
        left.addEventListener('click',function(){
            key--
            localStorage.setItem("key", key)
            Btn(ans,key,btnNumber)
            paging(key)
        })
        //右
        right.addEventListener('click',function(){
            key++
            localStorage.setItem("key", key)
            Btn(ans,key,btnNumber)
            paging(key)
        })

}



//单选框函数（可以在写的页面调用）
function SelectAll(){
    function hasClass(obj,cn){
        //判断obj中有没有cnclass
        //创建一个正则表达式
        var reg=new RegExp("\\b"+cn+"\\b");
        return reg.test(obj.className);
    }
    let select=document.querySelectorAll('.select')
    let selectClick=(i,event)=>{
            if(hasClass(select[i],'icon-duoxuankuang1')){
                event.target.setAttribute('data-choose','false')
                select[i].className = 'iconfont icon-duoxuankuang select'
            }else{
                for(let j=0,len=select.length;j<len;j++){
                    if(i==j){
                        event.target.setAttribute('data-choose','true')
                        continue;
                    }
                    select[j].setAttribute('data-choose','false')
                }
            }
            for(let j=0,len=select.length;j<len;j++){
                if(select[j].getAttribute('data-choose') == 'true'){
                    select[j].className = 'iconfont icon-duoxuankuang1 select'
                    select[j].parentNode.parentNode.style.background="#F2F2F2"
                }else{
                    select[j].className = 'iconfont icon-duoxuankuang select'
                    select[j].parentNode.parentNode.style.background="#FFFFFF"
                }
            }
    }
    for(let j=0,len=select.length;j<len;j++){
        select[j].onclick=(event)=>{
            selectClick(j,event)
        }
    }
}

//关闭弹窗
(function(){
    let exit=document.querySelector('.exit')
    let Usermessage=document.querySelector('.Usermessage')
    let modifyHeard=document.querySelector('.modifyHeard')
    let exitIcoS=document.querySelector('.exitIcoS')
    exit.addEventListener('click',()=>{
        Usermessage.style.display="none"
        modifyHeard.style.display="none"
    })
    exitIcoS.addEventListener('click',()=>{
        modifyHeard.style.display="none"
    })
})()

//表格左侧操作查看
function viewUserMessage(id,h){
    let Usermessage=document.querySelector('.Usermessage')
    let deleteHeard=document.querySelector('.deleteHeard')
    let modifyHeard=document.querySelector('.modifyHeard')
    let save=document.querySelector('.save')
    if(h==1){
        save.onclick=()=>{
            //修改用户信息
            ModifyMessage(id)
        }
    }else{
        save.onclick=()=>{
            //搜索后修改用户信息
            ModifyMessageS(id)
        }
    }
    Usermessage.style.display="block"
    searchUserName(id)
    deleteHeard.addEventListener('click',()=>{
        let describe=document.querySelector('.describe')
        describe.innerHTML='你确定将该用户头像恢复到默认头像吗？'
        modifyHeard.style.display="block"
        //修改头像（恢复默认头像）
        judge(id,h)
    })
}
//用户升级
function upgrade(id,h){
    let describe=document.querySelector('.describe')
    let modifyHeard=document.querySelector('.modifyHeard')
    describe.innerHTML='是否升级该用户吗？'
    modifyHeard.style.display="block"
    judge(id,h)
}


//这里是查看用户信息的接口（可以在别的网页换成查看别的信息的接口）
function searchUserName(id){
    let viewName=document.querySelectorAll('.viewName')
    let viewHerad=document.querySelector('.viewHerad')
    axios({
        url:'/User/queryForOne',
        params:{
            id:id
        },
    }).then(data=>{
        let message=data.data.key.data
        viewName[0].innerHTML=message.name
        viewName[1].innerHTML=message.resume
        viewName[2].innerHTML=message.account
        viewName[3].innerHTML=``
        viewHerad.style.backgroundImage=`url(${message.portrait})`
    }).catch(err=>{
        console.log(err);
    })
}

//判断弹窗是点击确定还是取消([h]1：修改头像，2：用户升级)
function judge(id,h){
    let modifyHeard=document.querySelector('.modifyHeard')
    let btnT=document.querySelector(".btnT")
    let btnF=document.querySelector(".btnF")
    btnF.onclick=()=>{
        modifyHeard.style.display='none'
    }
    btnT.onclick=()=>{
        modifyHeard.style.display='none'
        if(h==1){
            //修改头像
            ModifyHeards(id)
        }else if(h==2){
            //用户升级
            // console.log(id);
            updateLevel(id)
        }else if(h==3){
            //收索后用户升级
            updateLevels(id)
        }else if(h==4){
            //收索后更新头像
            ModifyHeardsS(id)
        }
    }
}

//修改头像
function ModifyHeards(id){
    axios({
        method:'get',
        url:'/User/putForOne',
        headers: {
            'Content-Type':'application/x-www-form-urlencoded',
        },
        params:{
            id:id,
            portrait:"https://kele-1305880580.cos.ap-beijing.myqcloud.com/PicOfZhao/headpic.jpg"
        }
    }).then(data=>{
        console.log(data);
        let message=data.data.key
        if(message.code==20000){
            tigs(message.message,true)
            let viewHerad=document.querySelector('.viewHerad')
            console.log(viewHerad);
            viewHerad.style.backgroundImage=`url(https://kele-1305880580.cos.ap-beijing.myqcloud.com/PicOfZhao/headpic.jpg)`
            pagess().then(data=>{
                PageSs(data,localStorage.getItem('key'))
            })
        }else{
            tigs(message.message,false)
        }
    }).catch(err=>{
        console.log(err);
    })
}

//搜索后修改头像
function ModifyHeardsS(id){
    axios({
        method:'get',
        url:'/User/putForOne',
        headers: {
            'Content-Type':'application/x-www-form-urlencoded',
        },
        params:{
            id:id,
            portrait:"https://kele-1305880580.cos.ap-beijing.myqcloud.com/PicOfZhao/headpic.jpg"
        }
    }).then(data=>{
        console.log(data);
        let message=data.data.key
        if(message.code==20000){
            tigs(message.message,true)
            let viewHerad=document.querySelector('.viewHerad')
            // console.log(viewHerad);
            viewHerad.style.backgroundImage=`url(https://kele-1305880580.cos.ap-beijing.myqcloud.com/PicOfZhao/headpic.jpg)`
            pagessS().then(data=>{
                PageSsS(data,localStorage.getItem('key'))
            })
        }else{
            tigs(message.message,false)
        }
    }).catch(err=>{
        console.log(err);
    })
}

//用户升级
function updateLevel(id){
    axios({
        method:'put',
        url:'/Admin/updateLevel',
        headers: {
            'Content-Type':'application/x-www-form-urlencoded',
        },
        params:{
            id:id,
            permission:"ADMIN"
        }
    }).then(value=>{
        console.log(value.data.key.code);
        console.log(value.data.key);
        if(value.data.key.code==20000){
            tigs("升级成功",true)
            pagess().then(data=>{
                PageSs(data,localStorage.getItem('key'))
            })
        }else{
            tigs(value.data.key.message,false)
        }
    }).catch(err=>{
        console.log(err);
    })
}
//搜索后用户升级
function updateLevels(id){
    axios({
        method:'put',
        url:'/Admin/updateLevel',
        headers: {
            'Content-Type':'application/x-www-form-urlencoded',
        },
        params:{
            id:id,
            permission:"ADMIN"
        }
    }).then(value=>{
        if(value.data.key.code==20000){
            tigs("升级成功",true)
            pagessS().then(data=>{
                PageSsS(data,localStorage.getItem('key'))
            })
        }else{
            tigs(value.data.key.message,false)
        }
    }).catch(err=>{
        console.log(err);
    })
}

//修改用户信息
function ModifyMessage(id){
    let viewName=document.querySelectorAll('.viewName')
    axios({
        method:'get',
        url:'/User/putForOne',
        headers: {
            'Content-Type':'application/x-www-form-urlencoded',
        },
        params:{
            id:id,
            names:viewName[0].innerHTML,
            resume:viewName[1].innerHTML,
            password:viewName[3].value,
        }
    }).then(data=>{
        console.log(data);
        let message=data.data.key
        if(message.code==20000){
            tigs(message.message,true)
            pagess().then(data=>{
                PageSs(data,localStorage.getItem('key'))
            })
        }else{
            tigs(message.message,false)
        }
    }).catch(err=>{
        console.log(err);
    })
}

//搜索后修改用户信息
function ModifyMessageS(id){
    let viewName=document.querySelectorAll('.viewName')
    axios({
        method:'get',
        url:'/User/putForOne',
        headers: {
            'Content-Type':'application/x-www-form-urlencoded',
        },
        params:{
            id:id,
            names:viewName[0].innerHTML,
            resume:viewName[1].innerHTML,
            password:viewName[3].value,
        }
    }).then(data=>{
        console.log(data);
        let message=data.data.key
        if(message.code==20000){
            tigs(message.message,true)
            pagessS().then(data=>{
                PageSsS(data,localStorage.getItem('key'))
            })
        }else{
            tigs(message.message,false)
        }
    }).catch(err=>{
        console.log(err);
    })
}